<template>
<div class="logo-wrapper">
    <img v-if="target=='login'"  class="logo" src="../assets/logo-white.png" />
    <img v-else class="logo" src="../assets/logo.png" />
</div> 
</template>
<script lang='ts'>
import { defineComponent } from 'vue'

export default defineComponent({
    name: 'logo-container',
    props:{
        target:{
            type: String
        }
    },
    
})
</script>
<style lang="scss" >
.logo-wrapper {
    display: inline-block;
    height: 100%;
    .logo {
        max-width: 100%;
        max-height: 100%;
        display: block;
        padding: 4px 0;
    }
}
</style>
